
<!-- Dropdown -->

<div class="dropdown" id="dropdowndiv">
    <div class="menu-button">
        <div class="menu-icon" id="menu-icon"></div>
    </div>

    <div id="left-panel"></div>

    <div class="dropdown-content">
        <div>
            <div class="tabs">
                <button class="tablink" onclick="openTab('tab1', this)">Notes</button>
                <button class="tablink" onclick="openTab('tab4', this)">Ai</button>
                <button class="tablink" onclick="openTab('tab2', this)">Fractal</button>
                <button class="tablink" onclick="openTab('tab6', this)">Networks</button>
                <button class="tablink" onclick="openTab('tab3', this)">?</button>
            </div>

            <!-- Tab content placeholders -->
            <div id="tab1" class="tabcontent">
                <!-- Tab 1 content will be loaded here -->
            </div>
            <div id="tab4" class="tabcontent">
                <!-- Tab 4 content will be loaded here -->
            </div>
            <div id="tab2" class="tabcontent">
                <!-- Tab 2 content will be loaded here -->
            </div>
            <div id="tab6" class="tabcontent">
                <!-- Tab 6 content will be loaded here -->
            </div>
            <div id="tab3" class="tabcontent">
                <!-- Tab 3 content will be loaded here -->
            </div>
        </div>
    </div>
</div>